<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack自动生成HTML插件</h1>
      <p>自动生成使用打包结果的HTML</p>
      <p>通过Webpack输出HTML文件</p>
      <p>html-webpack-plugin</p>
      <p>const htmlWebpackPlugin = require('html-webpack-plugin')</p>
      <p>new htmlWebpackPlugin()</p>
      <p>
        这里打包完成后目录会出现问题,因为之前在配置output属性是配置了publicPath,所以需要删除
      </p>
      <p>可以在插件中添加属性设置标题和标签</p>
      <p>
        new htmlWebpackPlugin({ title: 'Webpack Plugin Sample', meta: {
        viewport: 'width=decice-width' } })
      </p>
      <p>也可以自定义模板，在src目录创建一个html文件</p>
      <p>然后可以通过<%= htmlWebpackPlugin.options.title %> 模板语法获取值</p>
      <p>
        new htmlWebpackPlugin({ title: 'Webpack Plugin Sample', meta: {
        viewport: 'width=decice-width' }, template:'./src/index.html' })
      </p>
      <p>也可以创建多个html,创建多实例</p>
    </div>
    <script></script>
  </body>
</html>
